@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	font-family: 微软雅黑;
	background-color: #f5f5f5;
}
/* 1.外层  效果：无高、立体外边框，文本居中，盒模型方式微调 */
div.product_card{
	width: 251px;
	/* 盒子模型：微调结构:图片与内容与边框的距离  10px  与其他卡片或者页面之间的距离 */
	padding: 15px;
	margin: 20px;
	/* 立体边框：1.背景色 2.边框倒角 6px 3.设置内背景色 4.设置盒子阴影 */
	border-radius: 6px;
	background-color: #fff;
	/* 盒子阴影 */
	box-shadow: 0 15px 5px rgba(0,0,0,.1);
	text-align: center;
}
/* 2.图片 效果：尺寸 %、倒角、外边距距离 */
div.product_card img{
	width: 100%;
	border-radius: 6px;
	margin-bottom: 10px;
}
/* 3.标题 效果：上下加外边距，颜色 */
div.product_card h3{
	margin: 10px 0;
	color: #424040;
	background-color: #fff;
}
/* 4.价格 效果：颜色红色，外边距：10px */
div.product_card p.price{
	borfer: 1px solid red;
	color: #e4393c;
	font-size: 24px;
	margin-bottom: 10px;
	background-color: #fff;
}
/* 5.评价 效果:字体大小 颜色 */
div.product_card p.rating{
	font-size: .9em;
	color: #88888888;
	background-color: #fff;
}
div.product_card p.rating span{
	margin: 0 5px;
	background-color: #fff;
}